<%@ page language="java"
	import="java.util.*,com.zhuozhengsoft.pageoffice.*,com.zhuozhengsoft.pageoffice.excelwriter.*"
	pageEncoding="utf-8"%>
<%
	PageOfficeCtrl poCtrl = new PageOfficeCtrl(request);
	//设置服务器页面
	poCtrl.setServerPage(request.getContextPath()+"/poserver.zz");

	//定义Workbook对象
	Workbook workBook = new Workbook();
	//定义Sheet对象，"Sheet1"是打开的Excel表单的名称
	Sheet sheet = workBook.openSheet("Sheet1");

	//定义table对象，设置table对象的设置范围
	Table table = sheet.openTable("B4:D8");
	//设置table对象的提交名称，以便保存页面获取提交的数据
	table.setSubmitName("Info");

	// 设置响应单元格点击事件的js function
    poCtrl.setJsFunction_OnExcelCellClick("OnCellClick()");
    
	poCtrl.setWriter(workBook);
	//添加自定义按钮
	poCtrl.addCustomToolButton("保存", "Save", 1);
	//设置保存页面
	poCtrl.setSaveDataPage("SaveData.jsp");
	//打开Word文档
	poCtrl.webOpen("doc/test.xls", OpenModeType.xlsSubmitForm, "张佚名");
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>响应Excel单元格点击事件</title>
		
       
		<script type="text/javascript">
			function Save() {
				document.getElementById("PageOfficeCtrl1").WebSave();
			}
			
			function OnCellClick(Celladdress, value, left, bottom) {
		            var i = 0;
		            while (i<5) {//表格第一列的5个单元格都弹出选择对话框
		                if (Celladdress == "$B$" + (4 + i)) {
		                    var strRet = document.getElementById("PageOfficeCtrl1").ShowHtmlModalDialog("select.jsp", "", "left=" + left + "px;top=" + bottom + "px;width=320px;height=230px;frame=no;");
		                    if (strRet != "") {
		                        return (strRet);
		                    }
		                    else {
		                        if ((value == undefined) || (value == ""))
		                            return " ";
		                        else
		                            return value;
		                    }
		                }
		                i++;
		            }
		        }
		</script>
	</head>
	<body>
		<form id="form1">
			演示：点击Excel单元格弹出自定义对话框的效果。请看实现下面表格中的“部门名称”只能选择的效果。<br /><br />
			<div style="width: auto; height: 700px;">
				<%=poCtrl.getHtmlCode("PageOfficeCtrl1")%>
			</div>
		</form>
	</body>
</html>
